1 <?php
2
3
4 ?>
5
6
7
8
9 <!DOCTYPE html>
10 <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
11 <!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
12
13 <head>
14 <meta charset="utf-8">
15 <title>BE A PART | SPC-IKTHSS CHERUKULAMBA BLOOD DONORS DIRECTORY</title>
16 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
17 <meta name="description" content="Blood Donation - Activism & Campaign HTML5 Template">
18 <meta name="author" content="xenioushk">
19 <link rel="shortcut icon" href="images/favicon.png" />
20
21 <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
22 <!--[if lt IE 9]>
23 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
24 <![endif]-->
25
26 <!-- The styles -->
27 <link rel="stylesheet" href="css/bootstrap.min.css" />
28 <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" >
29 <link href="css/animate.css" rel="stylesheet" type="text/css" >
30 <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" >
31 <link href="css/venobox.css" rel="stylesheet" type="text/css" >
32 <link rel="stylesheet" href="css/styles.css" />
33
34 <body>
35
36 <div id="preloader">
37 <span class="margin-bottom"><img src="images/loader.gif" alt="" /></span>
38 </div>
39
40 <!-- HEADER -->
41 <header class="main-header clearfix" data-sticky_header="true">
42
43 <div class="top-bar clearfix">
44
45 <div class="container">
46
47 <div class="row">
48
49 <div class="col-md-4 col-sm-8">
50
51 <p>Welcome to blood bank directory. </p>
52
53 </div>
54
55 <div class="col-md-4 col-sm-4">
56 <center>
57 <p><a href="need-blood"><blink>Need Blood ?</blink></a></p>
58 </center>
59 </div>
60 <div class="col-md-4col-sm-12">
61 <div class="top-bar-social">
62 <a href="https://facebook.com/IKTEDUCity"><i class="fa fa-facebook"></i></a>
63 <a href="mailto:ikthssckb@gmail.com" target="_top"><i class="fa fa-envelope "></i></a>
64
65 <a href="https://www.youtube.com/channel/UCic8owPLTcWF2Cue4XN5A7g/videos"><i class="fa fa-youtube"></i></a>
66 </div>
67 </div>
68
69 </div>
70
71 </div> <!-- end .container -->
72
73 </div> <!-- end .top-bar -->
74
75 <section class="header-wrapper navgiation-wrapper">
76
77 <div class="navbar navbar-default">
78 <div class="container">
79
80 <div class="navbar-header">
81 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
82 <span class="icon-bar"></span>
83 <span class="icon-bar"></span>
84 <span class="icon-bar"></span>
85 </button>
86 <a class="logo" href="index"><img alt="" src="images/logo.png"></a>
87 </div>
88
89 <div class="navbar-collapse collapse">
90 <ul class="nav navbar-nav navbar-right">
91 <li class="drop">
92 <li class="drop"><a href="index" title="Home Layout 01">Home</a></li>
93 <li><a href="need-blood" title="Donors">Donors</a></li>
94 <li><a href="be-a-part" title="BE A PART">BE A PART</a></li>
95 <li><a href="about-spc" title="About Spc">About Spc</a></li>
96 <li><a href="about-us" title="About Us">About Us</a></li>
97
98
99
100
101
102
103
104
105 <li><a href="contact">Contact</a></li>
106 </ul>
107 </div>
108 </div>
109 </div>
110
111 </section>
112
113 </header> <!-- end main-header -->
114
115 <!-- PAGE HEADING -->
116
117 <section class="page-header">
118
119 <div class="container">
120
121 <div class="row">
122
123 <div class="col-sm-12 text-center">
124
125 <h3>
126 BE A PART
127 </h3>
128
129 <p class="page-breadcrumb">
130 <a href="#">Home</a> / Be A Part
131 </p>
132
133
134 </div>
135
136 </div> <!-- end .row -->
137
138 </div> <!-- end .container -->
139
140 </section> <!-- end .page-header -->
141
142 <?php
143 if(!(isset($_GET['gp'])))
144 {
145 ?>
146 <section class="section-content-block section-process">
147
148
149
150 <div class="row">
151
152 <div class="col-md-12 col-sm-12 text-center">
153 <h2 class="section-heading"><span>Registration</span> Process</h2>
154 <p class="section-subheading">Choose Your Blood Group</p>
155 </div> <!-- end .col-sm-10 -->
156
157 </div> <!-- end .row -->
158
159 <section class="section-counter">
160
161 <div class="container wow fadeInUp">
162
163 <div class="row">
164 <a href="be-a-part?gp=1">
165 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="A+">
166
167 <div class="counter-block-1 text-center">
168
169 <i class="fa fa-heartbeat icon"></i>
170 <span class="counter12">A +</span>
171 <h4></h4>
172
173 </div>
174 </div> <!-- end .col-lg-3 -->
175 </a>
176 <a href="be-a-part?gp=2">
177 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
178
179 <div class="counter-block-1 text-center">
180
181 <i class="fa fa-heartbeat icon"></i>
182 <span class="counter12">A -</span>
183 <h4></h4>
184
185 </div>
186
187 </div> <!-- end .col-lg-3 -->
188 </a>
189 <a href="be-a-part?gp=3">
190 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
191
192 <div class="counter-block-1 text-center">
193
194 <i class="fa fa-heartbeat icon"></i>
195 <span class="counter12">B +</span>
196 <h4></h4>
197
198 </div>
199
200 </div> <!-- end .col-lg-3 -->
201 </a>
202 <a href="be-a-part?gp=4">
203 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
204
205 <div class="counter-block-1 text-center">
206
207 <i class="fa fa-heartbeat icon"></i>
208 <span class="counter12">B -</span>
209 <h4></h4>
210
211 </div>
212
213 </div> <!-- end .col-lg-3 -->
214 </a>
215 <a href="be-a-part?gp=5">
216 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
217
218 <div class="counter-block-1 text-center">
219
220 <i class="fa fa-heartbeat icon"></i>
221 <span class="counter12">O +</span>
222 <h4></h4>
223
224 </div>
225
226 </div> <!-- end .col-lg-3 -->
227 </a>
228 <a href="be-a-part?gp=6">
229
230 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
231
232 <div class="counter-block-1 text-center">
233
234 <i class="fa fa-heartbeat icon"></i>
235 <span class="counter12">O -</span>
236 <h4></h4>
237
238 </div>
239
240 </div> <!-- end .col-lg-3 -->
241 </a>
242 <a href="be-a-part?gp=7'">
243 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
244
245 <div class="counter-block-1 text-center">
246
247 <i class="fa fa-heartbeat icon"></i>
248 <span class="counter12">AB +</span>
249 <h4></h4>
250
251 </div>
252
253 </div> <!-- end .col-lg-3 -->
254 </a>
255 <a href="be-a-part?gp=8">
256 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
257
258 <div class="counter-block-1 text-center">
259
260 <i class="fa fa-heartbeat icon"></i>
261 <span class="counter12">AB -</span>
262 <h4></h4>
263
264 </div>
265
266 </div> <!-- end .col-lg-3 -->
267 </a>
268 </div> <!-- end row -->
269
270 </div> <!-- end .container -->
271
272 </section> <!-- end .section-counter -->
273
274
275
276 </section> <!-- end .section-process -->
277
278 <!-- SECTION COUNTER -->
279
280 <?php
281
282 }
283 else
284 {
285 if($_GET['gp']==1)
286 $gp='A+';
287 if($_GET['gp']==2)
288 $gp='A-';
289 if($_GET['gp']==3)
290 $gp='B+';
291 if($_GET['gp']==4)
292 $gp='B-';
293 if($_GET['gp']==5)
294 $gp='O+';
295 if($_GET['gp']==6)
296 $gp='O-';
297 if($_GET['gp']==7)
298 $gp='AB+';
299 if($_GET['gp']==8)
300 $gp='AB-';
301 ?>
302
303
304
305 <section class="section-appointment">
306
307 <div class="container wow fadeInUp">
308
309 <div class="row">
310
311 <div class="col-lg-6 col-md-6 hidden-sm hidden-xs">
312
313 <figure class="appointment-img">
314 <img src="images/appointment.jpg" alt="appointment image">
315 </figure>
316 </div> <!-- end col-lg-6 -->
317
318
319 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
320
321 <div class="appointment-form-wrapper text-center clearfix">
322 <h3 class="join-heading">Registration</h3>
323
324 <div id="al">
325
326 </div>
327
328
329 <form class="appoinment-form" id ="send" action="">
330
331 <div class="form-group col-md-6">
332 <input id="your_name" class="form-control" placeholder="*Name" type="text" required name="name">
333 </div>
334 <div class="form-group col-md-6">
335 <input id="your_phone" class="form-control" placeholder="*Phone" type="number" required min=1111111111 max="9999999999" name="phno">
336 </div>
337 <div class="form-group col-md-6">
338 <select id="gp" class="form-control" placeholder="*Blood Group" type="select" required name="gp">
339 <option value="">*Blood Group</option>
340 <option <?php if($gp=='A+'){echo "selected";} ?> >A+</option>
341 <option <?php if($gp=='A-'){echo "selected";} ?> >A-</option>
342 <option <?php if($gp=='B+'){echo "selected";} ?>>B+</option>
343 <option <?php if($gp=='B-'){echo "selected";} ?>>B-</option>
344 <option <?php if($gp=='O+'){echo "selected";} ?>>O+</option>
345 <option <?php if($gp=='O-'){echo "selected";} ?>>O-</option>
346 <option <?php if($gp=='AB+'){echo "selected";} ?>>AB+</option>
347 <option <?php if($gp=='AB-'){echo "selected";} ?>>AB-</option>
348
349
350 </select>
351 </div>
352 <div class="form-group col-md-6">
353 <input id="place" class="form-control" placeholder="*Place" type="text" required name="place">
354 </div>
355
356 <div class="form-group col-md-12 col-sm-12 col-xs-12">
357 <button class="btn-submit" type="submit" id="but">Submit</button>
358 </div>
359
360 </form>
361
362 </div> <!-- end .appointment-form-wrapper -->
363
364 </div> <!-- end .col-lg-6 -->
365
366 </div> <!-- end .row -->
367
368 </div> <!-- end .container -->
369
370 </section> <!-- end .appointment-section -->
371
372
373 <?php
374 }
375
376 ?>
377
378
379
380
381
382 <!-- START FOOTER -->
383
384 <footer>
385
386 <section class="footer-widget-area footer-widget-area-bg">
387
388 <div class="container">
389
390 <div class="row">
391
392 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
393
394 <div class="about-footer">
395
396 <div class="row">
397
398 <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
399 <img src="images/logo-footer.png" alt="" />
400 </div> <!-- end col-lg-3-->
401
402 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
403 <p>
404 Student Police Cadet Of IKTHSS Cherukulamba Has Stepped Into The Society By Introducing A Blood Doners Directory In Order To Innovate Every Individual's Participation In These Kind Of Social Activities....
405 </p>
406 </div> <!-- end .col-lg-9 -->
407
408 </div> <!-- end .row -->
409
410 </div> <!-- end .about-footer -->
411
412 </div> <!-- end .col-md-12 -->
413
414 </div> <!-- end .row -->
415
416 <div class="row">
417
418 <div class="col-md-4 col-sm-6 col-xs-12">
419
420 <div class="footer-widget">
421 <div class="sidebar-widget-wrapper">
422 <div class="footer-widget-header clearfix">
423 <h3>Powered by</h3>
424 </div>
425 <p></p>
426 <div class="footer-subscription">
427 <li><a href=""><img src="images/ikthss.jpg" height="45%" width="45%"></a></li>
428
429 </div>
430 </div>
431 </div>
432
433 </div> <!-- end .col-md-4 col-sm-12 -->
434
435 <div class="col-md-4 col-sm-6 col-xs-12">
436
437 <div class="footer-widget">
438
439 <div class="sidebar-widget-wrapper">
440
441 <div class="footer-widget-header clearfix">
442 <h3>Contact Us</h3>
443 </div> <!-- end .footer-widget-header -->
444
445
446 <div class="textwidget">
447
448 <i class="fa fa-envelope-o fa-contact"></i> <p><a href="mail:ikthssckb@gmail.com">ikthssckb@gmail.com</a></p>
449
450 <i class="fa fa-location-arrow fa-contact"></i> <p>Student Police Cadet<br/>Ikthss Cherukulamba<br> Vattalur(PO)-676507 <br> Malappuram</p>
451
452 <i class="fa fa-phone fa-contact"></i> <p>Phone: 04933 242 039
453
454 </div>
455
456 </div> <!-- end .footer-widget-wrapper -->
457
458 </div> <!-- end .footer-widget -->
459
460 </div> <!-- end .col-md-4 col-sm-12 -->
461
462 <div class="col-md-4 col-sm-12 col-xs-12">
463
464 <div class="footer-widget clearfix">
465
466 <div class="sidebar-widget-wrapper">
467
468 <div class="footer-widget-header clearfix">
469 <h3>Support Links</h3>
470 </div> <!-- end .footer-widget-header -->
471
472
473 <ul class="footer-useful-links">
474
475 <li>
476 <a href="https://facebook.com/IKTEDUCity">
477 <i class="fa fa-caret-right fa-footer"></i>
478 IKT Educity
479 </a>
480 </li>
481
482 <li>
483 <a href="https://www.youtube.com/channel/UCic8owPLTcWF2Cue4XN5A7g/videos">
484 <i class="fa fa-caret-right fa-footer"></i>
485 IKT VISION
486 </a>
487 </li>
488 <li>
489 <a href="http://studentpolicecadet.org/">
490 <i class="fa fa-caret-right fa-footer"></i>
491 Student Police Cadet
492 </a>
493 </li>
494 <li>
495 <a href="about-us">
496 <i class="fa fa-caret-right fa-footer"></i>
497 About Us
498 </a>
499 </li>
500 <li>
501 <a href="contact">
502 <i class="fa fa-caret-right fa-footer"></i>
503 Contact Us
504 </a>
505 </li>
506 <li>
507 <a href="https://techzia.in">
508 <i class="fa fa-caret-right fa-footer"></i>
509 Techzia
510 </a>
511 </li>
512
513
514
515
516
517
518
519
520
521
522
523
524
525 </ul>
526
527 </div> <!-- end .footer-widget -->
528
529 </div> <!-- end .footer-widget -->
530
531 </div> <!-- end .col-md-4 col-sm-12 -->
532
533 </div> <!-- end row -->
534
535 </div> <!-- end .container -->
536
537 </section> <!-- end .footer-widget-area -->
538
539 <!--FOOTER CONTENT -->
540
541 <section class="footer-contents">
542
543 <div class="container">
544
545 <div class="row clearfix">
546 <center>
547 <div >
548
549 <p > Copyright © Ikthss Blood Donares Directory <?php echo date('Y');?>. All rights reserved - By <a href='https://techzia.in'>Techzia </a> </p>
550
551 </div> <!-- end .col-sm-6 -->
552 </center>
553
554 </div> <!-- end .col-lg-6 -->
555
556 </div> <!-- end .row -->
557
558 </div> <!-- end .container -->
559
560 </section> <!-- end .footer-content -->
561
562 </footer>
563
564 <!-- END FOOTER -->
565
566
567 <!-- Back To Top Button -->
568
569 <a id="backTop">Back To Top</a>
570
571 <script src="js/jquery.min.js"></script>
572 <script src="js/bootstrap.min.js"></script>
573 <script src="js/wow.min.js"></script>
574 <script src="js/jquery.backTop.min.js "></script>
575 <script src="js/waypoints.min.js"></script>
576 <script src="js/waypoints-sticky.min.js"></script>
577 <script src="js/owl.carousel.min.js"></script>
578 <script src="js/jquery.stellar.min.js"></script>
579 <script src="js/jquery.counterup.min.js"></script>
580 <script src="js/venobox.min.js"></script>
581 <script src="js/custom-scripts.js"></script>
582 <script src="js/ajax.js"></script>
583 <script type="text/javascript">
584
585 $(document).ready(function(){
586
587 $("#send").submit(function(){
588 $(".appoinment-form .btn-submit").css("background-color", "#efb2b5");
589 $(".appoinment-form .btn-submit").css("border", "#debbbc");
590 $("#but").attr("disabled","disabled");
591 $("#but").html("Loading...");
592 $(".alert").hide();
593
594 $.ajax({
595 type: "POST",
596 url: "functions/be-a-part.php",
597 data: $("#send").serialize(),
598 dataType: "json",
599
600 success: function(data){
601 $("#but").html("SUBMIT");
602 $("#but").removeAttr("disabled","disabled");
603 $(".appoinment-form .btn-submit").css("background-color", "#FE3C47");
604 $(".appoinment-form .btn-submit").css("border", "2px solid #FE3C47");
605 $("#al").html("<div class='"+ data.class +"'>"+ data.msg+"</div>");
606 if(data.status=='sucess'){
607 $('#send').trigger("reset");
608 $("#gp").val("");
609
610 }
611 },
612 error: function(){
613 $("#but").html("SUBMIT");
614 $("#but").removeAttr("disabled","disabled");
615 $(".appoinment-form .btn-submit").css("background-color", "#FE3C47");
616 $(".appoinment-form .btn-submit").css("border", "2px solid #FE3C47");
617 $("#al").html("<div class='alert alert-danger'> <strong>Error!</strong> Oops something went wrong-(#A629)</div>");
618 }
619 });
620
621 //for post
622 return false;
623
624
625 });
626
627
628 });
629 </script>
630 </body>
631
632 </html>